import { CalculatorOutlined } from '@ant-design/icons';
import React from 'react';
import { Tabs, Typography } from 'antd';
import SoilPressurePage from './subpage/SoilPressurePage';
import ThicknessRockStratumPage from './subpage/ThicknessRockStratumPage';
import RockImpactLoadPage from './subpage/RockImpactLoadPage';

const { Title } = Typography;

/**
 * 洞室围岩压力计算主页面组件
 * 
 * 该组件是洞室围岩压力计算功能的入口页面，包含三个主要功能模块：
 * 1. 土压力计算 - 计算溶洞土压力
 * 2. 岩盘厚度 - 计算安全岩盘厚度
 * 3. 落石冲击 - 计算落石冲击荷载
 * 
 * 使用Ant Design的Tabs组件组织不同的计算功能，提供清晰的用户界面
 */
const CaveCalculationPage: React.FC = () => {

  /**
   * 内部Tab的items配置
   * 定义了页面中Tab标签的配置信息，包括标签key、显示名称和对应的内容组件
   * 
   * 每个Tab项包含：
   * - key: 唯一标识符，用于Tab切换
   * - label: 显示在Tab标签上的文本
   * - children: 该Tab标签对应的内容组件
   */
  const TabItems = [
    {
      key: 'soil-pressure',
      label: '土压力计算',
      children: <SoilPressurePage />
    }, 
    {
      key: 'rock-stratum',
      label: '岩盘厚度',
      children: <ThicknessRockStratumPage />
    },   
     {
      key: 'rock-impact',
      label: '落石冲击',
      children: <RockImpactLoadPage />
    }];

  return (
    <div>
      <Title level={2}>
        <CalculatorOutlined /> 洞室围岩压力计算
      </Title>
      
      <Tabs defaultActiveKey="soil-pressure" items={TabItems} destroyOnHidden={false} />
    </div>
  );
};

export default CaveCalculationPage;